<!DOCTYPE html>
<html>
  <head>
  <meta charset="UTF-8">
    <title>MyHtml444.html</title>
	
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript"src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("h3").click(function(){
$("#1").css("background-color","#ccc");
$("li").addClass("li");
$("ul").addClass("show");
});
});
</script>
<style type="text/css">
.show{
font-size: 14px;
font-weight:bold;
display: block;
}
.li{
padding-top: 24px;
}
ul{
display: none;
}
</style>
  </head>
  
  <body>
    <h3>新手指南</h3>
    <ul>
    <LI><a href="#" id="1">会员注册</a></LI>
    <LI><a href="#">订阅更新</a></LI>
    <LI><a href="#">用户协议</a></LI>
    <LI><a href="#">常见问题</a></LI>
    </ul>
  </body>
</html>
